<template>
  <div id="app">
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>
    <!--组件 回到顶部-->
    <go-top></go-top>
  </div>
</template>

<script>
  import GoTop from '@/components/GoTop'

  export default {
    name: 'app',
    components: {
      "go-top": GoTop
    }
  }
</script>


<!--<style>-->
<!--  #app {-->
<!--    font-family: Avenir, Helvetica, Arial, sans-serif;-->
<!--    -webkit-font-smoothing: antialiased;-->
<!--    -moz-osx-font-smoothing: grayscale;-->
<!--    text-align: center;-->
<!--    color: #2c3e50;-->
<!--  }-->

<!--  #nav {-->
<!--    padding: 30px;-->
<!--  }-->

<!--  #nav a {-->
<!--    font-weight: bold;-->
<!--    color: #2c3e50;-->
<!--  }-->

<!--  #nav a.router-link-exact-active {-->
<!--    color: #42b983;-->
<!--  }-->
<!--</style>-->

<style>

  * { margin: 0; padding: 0; }

  body {
    background-color: #f5f5f5;
    font-weight: 400;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    line-height: 1.5;
  }
  a {
    cursor: pointer;
    text-decoration: none;
    /* 动画效果，css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态 ease-out　先快，后慢 */
    transition: none 86ms ease-out;
  }
  a:hover {
    color: #00aaff;
  }

  html{height:100%;}
  body{min-height:100%;}
  /*生成相对定位的元素，相对于其正常位置进行定位*/
  body{position:relative;}

</style>
